<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="background-color: aqua;">
    <!-- 
    border: 1px solid red 为一个复合属性，1px 表明边框的宽度为 1 像素 solid 意味着边框的样式为实线 red 说明边框为红色
    width:500px 设置元素的宽度为 500 像素
    height:200px 设置元素的高度为 200 像素
    margin:10px auto 10px 指的是元素的上下外边距为 10 像素 auto 指的是 元素的左右外边距会自动平均分配，能让元素在水平方向上居中显示
    -->
    <div style="border: 1px solid red; width: 500px;height: 200px; margin: 10px auto; background-color: bisque;"></div>
    <div style="border: 1px solid red; width: 500px;height: 200px; margin: 10px auto; background-color: bisque;"></div>
    <div style="border: 1px solid red; width: 500px;height: 200px; margin: 10px auto; background-color: bisque;">
        <span style = "font-size: 30px; color: blue; font-weight: bold;">金球奖</span>的评选十分重要
    </div>
    <span style="border:1px solid greenyellow;width: 500px;height:100px;">555</span>
</body>
</html>